 <!-- <div class="cve-form">
  <form nz-form [formGroup]="cveandcnnvdForm" role="form">

    <nz-form-item>
      <nz-form-label nzFor="" nzSpan="6">漏洞类型</nz-form-label>
      <nz-form-control nzSpan="18">
        <nz-select nzShowSearch nzAllowClear [(ngModel)]="defaultValue" formControlName="type" class="form-select">
          <nz-option nzCustomContent nzLabel="CVE" nzValue="CVE">CVE</nz-option>
          <nz-option nzCustomContent nzLabel="CNNVD" nzValue="CNNVD">CNNVD</nz-option>
        </nz-select>
        <nz-form-explain *ngIf="!(cveandcnnvdForm.get('type').valid || cveandcnnvdForm.get('type').untouched)">
          <span class="text-danger" *ngIf="cveandcnnvdForm.get('type').hasError('required')">评级不能为空！</span>
        </nz-form-explain>
      </nz-form-control>
    </nz-form-item>

    <ng-container *ngIf="isCve">
      <nz-form-item>
        <nz-form-label nzFor="" nzSpan="6" nzRequired>cve名称</nz-form-label>
        <nz-form-control nzSpan="18">
          <input type="text" nz-input nzSize="default" formControlName="cveName" autocomplete="off" placeholder="cve名称">
          <nz-form-explain *ngIf="!(cveandcnnvdForm.get('cveName').valid || cveandcnnvdForm.get('cveName').untouched)">
            <span class="text-danger" *ngIf="cveandcnnvdForm.get('cveName').hasError('required')">文件扩展名不能为空！</span>
          </nz-form-explain>
        </nz-form-control>
      </nz-form-item>

      <nz-form-item>
        <nz-form-label nzFor="" nzSpan="6" nzRequired>cve评分</nz-form-label>
        <nz-form-control nzSpan="18">
          <input type="text" nz-input nzSize="default" formControlName="score" autocomplete="off" placeholder="cve评分">
          <nz-form-explain *ngIf="!(cveandcnnvdForm.get('score').valid || cveandcnnvdForm.get('score').untouched)">
            <span class="text-danger" *ngIf="cveandcnnvdForm.get('score').hasError('required')">文件扩展名不能为空！</span>
          </nz-form-explain>
        </nz-form-control>
      </nz-form-item>

      <nz-form-item>
        <nz-form-label nzFor="" nzSpan="6">可用性影响</nz-form-label>
        <nz-form-control nzSpan="18">
          <nz-select nzShowSearch nzAllowClear nzPlaceHolder="可用性影响" class="form-select"
            formControlName="availabilityImpact">
            <nz-option nzCustomContent nzLabel="NONE" nzValue="NONE">NONE</nz-option>
            <nz-option nzCustomContent nzLabel="PARTIAL" nzValue="PARTIAL">PARTIAL</nz-option>
            <nz-option nzCustomContent nzLabel="NETWORK" nzValue="C">COMPLETE</nz-option>
          </nz-select>
        </nz-form-control>
      </nz-form-item>

      <nz-form-item>
        <nz-form-label nzFor="" nzSpan="6">访问矢量</nz-form-label>
        <nz-form-control nzSpan="18">
          <nz-select nzShowSearch nzAllowClear nzPlaceHolder="访问矢量" formControlName="accessVector" class="form-select">
            <nz-option nzCustomContent nzLabel="NETWORK" nzValue="NETWORK">NETWORK</nz-option>
            <nz-option nzCustomContent nzLabel="LOCAL" nzValue="LOCAL">LOCAL</nz-option>
            <nz-option nzCustomContent nzLabel="ADJACENT_NETWORK" nzValue="ADJACENT_NETWORK">ADJACENT_NETWORK
            </nz-option>
          </nz-select>
        </nz-form-control>
      </nz-form-item>

      <nz-form-item>
        <nz-form-label nzFor="" nzSpan="6">访问复杂性</nz-form-label>
        <nz-form-control nzSpan="18">
          <nz-select nzShowSearch nzAllowClear nzPlaceHolder="访问复杂性" class="form-select"
            formControlName="accessComplexity">
            <nz-option nzCustomContent nzLabel="LOW" nzValue="LOW">LOW</nz-option>
            <nz-option nzCustomContent nzLabel="MEDIUM" nzValue="MEDIUM">MEDIUM</nz-option>
            <nz-option nzCustomContent nzLabel="HIGH" nzValue="HIGH">HIGH</nz-option>
          </nz-select>
        </nz-form-control>
      </nz-form-item>

      <nz-form-item>
        <nz-form-label nzFor="" nzSpan="6">保密性影响</nz-form-label>
        <nz-form-control nzSpan="18">
          <nz-select nzShowSearch nzAllowClear nzPlaceHolder="保密性影响" class="form-select"
            formControlName="confidentialityImpact">
            <nz-option nzCustomContent nzLabel="NONE" nzValue="NONE">NONE</nz-option>
            <nz-option nzCustomContent nzLabel="PARTIAL" nzValue="PARTIAL">PARTIAL</nz-option>
            <nz-option nzCustomContent nzLabel="NETWORK" nzValue="C">COMPLETE</nz-option>
          </nz-select>
        </nz-form-control>
      </nz-form-item>

      <nz-form-item>
        <nz-form-label nzFor="" nzSpan="6">完整性影响</nz-form-label>
        <nz-form-control nzSpan="18">
          <nz-select formControlName="integrityImpact" nzShowSearch nzAllowClear class="form-select"
            nzPlaceHolder="完整性影响">
            <nz-option nzCustomContent nzLabel="NONE" nzValue="NONE">NONE</nz-option>
            <nz-option nzCustomContent nzLabel="PARTIAL" nzValue="PARTIAL">PARTIAL</nz-option>
            <nz-option nzCustomContent nzLabel="NETWORK" nzValue="C">COMPLETE</nz-option>
          </nz-select>
        </nz-form-control>
      </nz-form-item>

      <nz-form-item>
        <nz-form-label nzFor="" nzSpan="6">描述</nz-form-label>
        <nz-form-control nzSpan="18">
          <textarea rows="4" nz-input formControlName="description"></textarea>
        </nz-form-control>
      </nz-form-item>

      <nz-form-item>
        <nz-form-label nzFor="" nzSpan="6">cwe描述</nz-form-label>
        <nz-form-control nzSpan="18">
          <textarea rows="4" nz-input formControlName="cwe"></textarea>
        </nz-form-control>
      </nz-form-item>

    </ng-container>

    <ng-container *ngIf="!isCve">
      <nz-form-item>
        <nz-form-label nzFor="" nzSpan="6" nzRequired>cnnvd名称</nz-form-label>
        <nz-form-control nzSpan="18">
          <input type="text" nz-input nzSize="default" formControlName="cnnvdName" autocomplete="off"
            placeholder="cnnvd名称">
          <nz-form-explain
            *ngIf="!(cveandcnnvdForm.get('cnnvdName').valid || cveandcnnvdForm.get('cnnvdName').untouched)">
            <span class="text-danger" *ngIf="cveandcnnvdForm.get('cnnvdName').hasError('required')">cnnvd名称不能为空！</span>
          </nz-form-explain>
        </nz-form-control>
      </nz-form-item>

      <nz-form-item>
        <nz-form-label nzFor="" nzSpan="6" nzRequired>cnnvd编号</nz-form-label>
        <nz-form-control nzSpan="18">
          <input type="text" nz-input nzSize="default" formControlName="cnnvdId" autocomplete="off"
            placeholder="cnnvd编号">
          <nz-form-explain *ngIf="!(cveandcnnvdForm.get('cnnvdId').valid || cveandcnnvdForm.get('cnnvdId').untouched)">
            <span class="text-danger" *ngIf="cveandcnnvdForm.get('cnnvdId').hasError('required')">cnnvd编号不能为空！</span>
          </nz-form-explain>
        </nz-form-control>
      </nz-form-item>

      <nz-form-item>
        <nz-form-label nzFor="" nzSpan="6" nzRequired>发布时间</nz-form-label>
        <nz-form-control nzSpan="18">
          <nz-date-picker nzShowTime formControlName="publishedDate" nzSize="default"></nz-date-picker>
          <nz-form-explain *ngIf="!(cveandcnnvdForm.get('publishedDate').valid ||
            cveandcnnvdForm.get('publishedDate').untouched)">
            <span class="text-danger" *ngIf="cveandcnnvdForm.get('publishedDate').hasError('required')">发布时间不能为空！</span>
          </nz-form-explain>
        </nz-form-control>
      </nz-form-item>

      <nz-form-item>
        <nz-form-label nzFor="" nzSpan="6">来源</nz-form-label>
        <nz-form-control nzSpan="18">
          <textarea rows="4" nz-input formControlName="source"></textarea>
        </nz-form-control>
      </nz-form-item>

      <nz-form-item>
        <nz-form-label nzFor="" nzSpan="6" nzRequired>严重性</nz-form-label>
        <nz-form-control nzSpan="18">
          <nz-select formControlName="severity" nzShowSearch nzAllowClear nzPlaceHolder="严重性" class="form-select">
            <nz-option nzCustomContent nzLabel="低危" nzValue="低危">低危</nz-option>
            <nz-option nzCustomContent nzLabel="中危" nzValue="中危">中危</nz-option>
            <nz-option nzCustomContent nzLabel="高危" nzValue="高危">高危</nz-option>
            <nz-option nzCustomContent nzLabel="超危" nzValue="超危">超危</nz-option>
          </nz-select>
        </nz-form-control>
      </nz-form-item>

      <nz-form-item>
        <nz-form-label nzFor="" nzSpan="6" nzRequired>漏洞类型</nz-form-label>
        <nz-form-control nzSpan="18">
          <textarea rows="4" nz-input formControlName="vulnType"></textarea>
          <nz-form-explain *ngIf="!(cveandcnnvdForm.get('vulnType').valid ||
            cveandcnnvdForm.get('vulnType').untouched)">
            <span class="text-danger" *ngIf="cveandcnnvdForm.get('vulnType').hasError('required')">漏洞类型不能为空！</span>
          </nz-form-explain>
        </nz-form-control>
      </nz-form-item>

      <nz-form-item>
        <nz-form-label nzFor="" nzSpan="6" nzRequired>访问矢量</nz-form-label>
        <nz-form-control nzSpan="18">
          <nz-select style="width: 100%;" formControlName="thrtype" nzShowSearch nzAllowClear nzPlaceHolder="访问矢量"
            class="form-select">
            <nz-option nzCustomContent nzLabel="远程" nzValue="远程">远程</nz-option>
            <nz-option nzCustomContent nzLabel="本地" nzValue="本地">本地</nz-option>
          </nz-select>
        </nz-form-control>
      </nz-form-item>

      <nz-form-item>
        <nz-form-label nzFor="" nzSpan="6">描述</nz-form-label>
        <nz-form-control nzSpan="18">
          <textarea rows="4" nz-input formControlName="vulnDescript"></textarea>
        </nz-form-control>
      </nz-form-item>

      <nz-form-item>
        <nz-form-label nzFor="" nzSpan="6" nzRequired>对应的cve编号</nz-form-label>
        <nz-form-control nzSpan="18">
          <input type="text" nz-input nzSize="default" formControlName="cveId" autocomplete="off"
            placeholder="对应的cve编号">
          <nz-form-explain *ngIf="!(cveandcnnvdForm.get('cveId').valid || cveandcnnvdForm.get('cveId').untouched)">
            <span class="text-danger" *ngIf="cveandcnnvdForm.get('cveId').hasError('required')">cve编号不能为空！</span>
          </nz-form-explain>
        </nz-form-control>
      </nz-form-item>

      <nz-form-item>
        <nz-form-label nzFor="" nzSpan="6">漏洞解决方案</nz-form-label>
        <nz-form-control nzSpan="18">
          <textarea rows="4" nz-input formControlName="vulnSolution"></textarea>
        </nz-form-control>
      </nz-form-item>
    </ng-container>


    <nz-form-item>
      <nz-form-control class="modal-footer">
        <button nz-button nzType="primary" class="modal-footer-btn"
          (click)="addCEVAndCNNVD()">确&nbsp;&nbsp;&nbsp;&nbsp;定</button>
        <button nz-button nzType="primary" class="modal-footer-btn" nzGhost="true"
          (click)="destroyModal()">取&nbsp;&nbsp;&nbsp;&nbsp;消</button>
      </nz-form-control>
    </nz-form-item>
  </form>
</div> -->

 <div class="cve-form">
   <nz-tabset [nzTabPosition]="'top'" [nzType]="'card'">
     <nz-tab nzTitle="基本信息">
       <form nz-form [formGroup]="cveForm" role="form" class="form-position-margin">
         <nz-form-item>
           <nz-form-label nzFor="" nzSpan="6">CVE编号</nz-form-label>
           <nz-form-control nzSpan="18">
             <input type="text" nz-input nzSize="default" formControlName="name" autocomplete="off" placeholder="cve编号">
             <nz-form-explain *ngIf="!(cveForm.get('name').valid || cveForm.get('name').untouched)">
               <span class="text-danger" *ngIf="cveForm.get('name').hasError('required')">cve编号不能为空</span>
             </nz-form-explain>
           </nz-form-control>
         </nz-form-item>

         <nz-form-item>
           <nz-form-label nzFor="" nzSpan="6">发布时间</nz-form-label>
           <nz-form-control nzSpan="18">
             <nz-date-picker nzShowTime formControlName="publishedDate" nzSize="default">
             </nz-date-picker>
             <nz-form-explain *ngIf="!(cveForm.get('publishedDate').valid || cveForm.get('publishedDate').untouched)">
               <span class="text-danger" *ngIf="cveForm.get('publishedDate').hasError('required')">最近发布日期不能为空！</span>
             </nz-form-explain>
           </nz-form-control>
         </nz-form-item>


         <nz-form-item>
           <nz-form-label nzFor="" nzSpan="6">最近修改时间</nz-form-label>
           <nz-form-control nzSpan="18">
             <nz-date-picker nzShowTime formControlName="lastModifiedDate" nzSize="default"></nz-date-picker>
             <nz-form-explain
               *ngIf="!(cveForm.get('lastModifiedDate').valid || cveForm.get('lastModifiedDate').untouched)">
               <span class="text-danger"
                 *ngIf="cveForm.get('lastModifiedDate').hasError('required')">最近修改时间日期不能为空！</span>
             </nz-form-explain>
           </nz-form-control>
         </nz-form-item>

         <nz-form-item>
           <nz-form-label nzFor="" nzSpan="6">CVE描述</nz-form-label>
           <nz-form-control nzSpan="18">
             <textarea rows="4" nz-input formControlName="description"></textarea>
             <nz-form-explain *ngIf="!(cveForm.get('description').valid || cveForm.get('description').untouched)">
               <span class="text-danger" *ngIf="cveForm.get('description').hasError('required')">CVE描述不能为空！</span>
             </nz-form-explain>
           </nz-form-control>
         </nz-form-item>

         <nz-form-item>
           <nz-form-control class="modal-footer">
             <button nz-button nzType="primary" class="modal-footer-btn"
               (click)="addCveInfo()">确&nbsp;&nbsp;&nbsp;&nbsp;定</button>
             <button nz-button nzType="primary" class="modal-footer-btn" nzGhost="true"
               (click)="destroyModal()">取&nbsp;&nbsp;&nbsp;&nbsp;消</button>
           </nz-form-control>
         </nz-form-item>

       </form>
     </nz-tab>
     <nz-tab nzTitle="引用信息">
       <form nz-form [formGroup]="cveForm" class="form-position-margin">

         <nz-form-item>
           <nz-form-label nzFor="" nzSpan="6">CVE引用地址</nz-form-label>
           <nz-form-control nzSpan="18">
             <input type="text" nz-input nzSize="default" formControlName="referenceUrl" autocomplete="off"
               placeholder="CVE引用地址">
             <nz-form-explain *ngIf="!(cveForm.get('referenceUrl').valid || cveForm.get('referenceUrl').untouched)">
               <span class="text-danger" *ngIf="cveForm.get('referenceUrl').hasError('required')">CVE引用地址不能为空！</span>
             </nz-form-explain>
           </nz-form-control>
         </nz-form-item>

         <nz-form-item>
           <nz-form-label nzFor="" nzSpan="6">CVE引用名称</nz-form-label>
           <nz-form-control nzSpan="18">
             <input type="text" nz-input nzSize="default" formControlName="referenceName" autocomplete="off"
               placeholder="CVE引用名称">
             <nz-form-explain *ngIf="!(cveForm.get('referenceName').valid || cveForm.get('referenceName').untouched)">
               <span class="text-danger" *ngIf="cveForm.get('referenceName').hasError('required')">CVE引用名称不能为空！</span>
             </nz-form-explain>
           </nz-form-control>
         </nz-form-item>

         <nz-form-item>
           <nz-form-label nzFor="" nzSpan="6">CVE引用源</nz-form-label>
           <nz-form-control nzSpan="18">
             <input type="text" nz-input nzSize="default" formControlName="referenceSource" autocomplete="off"
               placeholder="CVE引用源">
             <nz-form-explain
               *ngIf="!(cveForm.get('referenceSource').valid || cveForm.get('referenceSource').untouched)">
               <span class="text-danger" *ngIf="cveForm.get('referenceSource').hasError('required')">CVE引用源不能为空！</span>
             </nz-form-explain>
           </nz-form-control>
         </nz-form-item>

         <nz-form-item>
           <nz-form-label nzFor="" nzSpan="6">CVE引用标签</nz-form-label>
           <nz-form-control nzSpan="18">
             <input type="text" nz-input nzSize="default" formControlName="referenceTags" autocomplete="off"
               placeholder="CVE引用标签">
             <nz-form-explain *ngIf="!(cveForm.get('referenceTags').valid || cveForm.get('referenceTags').untouched)">
               <span class="text-danger" *ngIf="cveForm.get('referenceTags').hasError('required')">CVE引用标签不能为空！</span>
             </nz-form-explain>
           </nz-form-control>
         </nz-form-item>

         <nz-form-item>
           <nz-form-control class="modal-footer">
             <button nz-button nzType="primary" class="modal-footer-btn"
               (click)="addCveList()">增&nbsp;&nbsp;&nbsp;&nbsp;加</button>
             <button nz-button nzType="primary" class="modal-footer-btn"
               (click)="addCveInfo()">确&nbsp;&nbsp;&nbsp;&nbsp;定</button>
             <button nz-button nzType="primary" class="modal-footer-btn" nzGhost="true"
               (click)="destroyModal()">取&nbsp;&nbsp;&nbsp;&nbsp;消</button>
           </nz-form-control>
         </nz-form-item>
       </form>
       <div *ngIf="cveRefDataSwitch">
         <nz-list [nzDataSource]="refList" [nzRenderItem]="item" [nzGrid]="{ gutter: 16, span: 6 }"
           [nzLoadMore]="loadMore">
           <ng-template #item let-item>
             <nz-list-item [nzContent]="nzContent">
               <ng-template #nzContent>
                 <nz-card [nzTitle]="item.title">
                   <p>{{item.referenceUrl}}</p>
                   <p>{{item.referenceName}}</p>
                   <p>{{item.referenceSource}}</p>
                   <p>{{item.referenceTags}}</p>
                 </nz-card>
               </ng-template>
             </nz-list-item>
           </ng-template>
           <ng-template #loadMore *ngIf="false">
             <div class="loadmore">
               <button nz-button>loading more</button>
             </div>
           </ng-template>
         </nz-list>
       </div>
     </nz-tab>
     <nz-tab nzTitle="cvssV2">
       <div>
         <div nz-row nzGutter="24">
           <div nz-col class="gutter-row" nzSpan="24">
             <div class="echarts-box">
               <div echarts [options]="optionV2" class="line-chart"></div>
             </div>
           </div>
         </div>
         <form nz-form [formGroup]="cveForm" class="form-position-margin">
           <div nz-row>
             <div nz-col nzSpan="12">
               <nz-form-item>
                 <nz-form-label nzFor="" >访问类型</nz-form-label>
                 <nz-form-control>
                   <nz-radio-group [nzButtonStyle]="'solid'" [(ngModel)]="accessVectorV2"
                     (ngModelChange)="cvssV2Watcher($event)" formControlName="accessVectorV2">
                     <label nz-radio-button nzValue="Local" class="radio-button-warpper-three">Local</label>
                     <label nz-radio-button nzValue="Adjacent" class="radio-button-warpper-three">Adjacent</label>
                     <label nz-radio-button nzValue="Network" class="radio-button-warpper-three">Network</label>
                   </nz-radio-group>
                 </nz-form-control>
               </nz-form-item>
             </div>
             <div nz-col nzSpan="12">
               <nz-form-item>
                 <nz-form-label nzFor="">访问复杂性</nz-form-label>
                 <nz-form-control >
                   <nz-radio-group [nzButtonStyle]="'solid'" [(ngModel)]="accessComplexityV2"
                     (ngModelChange)="cvssV2Watcher($event)" formControlName="accessComplexityV2">
                     <label nz-radio-button nzValue="High" class="radio-button-warpper-three">High</label>
                     <label nz-radio-button nzValue="Medium" class="radio-button-warpper-three">Medium</label>
                     <label nz-radio-button nzValue="Low" class="radio-button-warpper-three">Low</label>
                   </nz-radio-group>
                 </nz-form-control>
               </nz-form-item>
             </div>
           </div>

           <div nz-row>
             <div nz-col nzSpan="12">
               <nz-form-item>
                 <nz-form-label nzFor="" >身份认证</nz-form-label>
                 <nz-form-control >
                   <nz-radio-group [nzButtonStyle]="'solid'" [(ngModel)]="authenticationV2"
                     formControlName="authenticationV2" (ngModelChange)="cvssV2Watcher($event)">
                     <label nz-radio-button nzValue="multiple" class="radio-button-warpper-three">multiple</label>
                     <label nz-radio-button nzValue="Single" class="radio-button-warpper-three">Single</label>
                     <label nz-radio-button nzValue="None" class="radio-button-warpper-three">None</label>
                   </nz-radio-group>
                 </nz-form-control>
               </nz-form-item>
             </div>
             <div nz-col nzSpan="12">
               <nz-form-item>
                 <nz-form-label nzFor="">保密性影响</nz-form-label>
                 <nz-form-control >
                   <nz-radio-group [nzButtonStyle]="'solid'" [(ngModel)]="confidentialityImpactV2"
                     formControlName="confidentialityImpactV2" (ngModelChange)="cvssV2Watcher($event)">
                     <label nz-radio-button nzValue="None" class="radio-button-warpper-three">None</label>
                     <label nz-radio-button nzValue="Partial" class="radio-button-warpper-three">Partial</label>
                     <label nz-radio-button nzValue="Complete" class="radio-button-warpper-three">Complete</label>
                   </nz-radio-group>
                 </nz-form-control>
               </nz-form-item>
             </div>
           </div>

           <div nz-row>
             <div nz-col nzSpan="12">
               <nz-form-item>
                 <nz-form-label nzFor="">完整性影响</nz-form-label>
                 <nz-form-control >
                   <nz-radio-group [nzButtonStyle]="'solid'" [(ngModel)]="integrityImpactV2"
                     formControlName="integrityImpactV2" (ngModelChange)="cvssV2Watcher($event)">
                     <label nz-radio-button nzValue="None" class="radio-button-warpper-three">None</label>
                     <label nz-radio-button nzValue="Partial" class="radio-button-warpper-three">Partial</label>
                     <label nz-radio-button nzValue="Complete" class="radio-button-warpper-three">Complete</label>
                   </nz-radio-group>
                 </nz-form-control>
               </nz-form-item>
             </div>
             <div nz-col nzSpan="12">
               <nz-form-item>
                 <nz-form-label nzFor="" >可用性影响</nz-form-label>
                 <nz-form-control >
                   <nz-radio-group [nzButtonStyle]="'solid'" [(ngModel)]="availabilityImpactV2"
                     formControlName="availabilityImpactV2" (ngModelChange)="cvssV2Watcher($event)">
                     <label nz-radio-button nzValue="None" class="radio-button-warpper-three">None</label>
                     <label nz-radio-button nzValue="Partial" class="radio-button-warpper-three">Partial</label>
                     <label nz-radio-button nzValue="Complete" class="radio-button-warpper-three">Complete</label>
                   </nz-radio-group>
                 </nz-form-control>
               </nz-form-item>
             </div>
           </div>

           <nz-form-item>
             <nz-form-control class="modal-footer">
               <button nz-button nzType="primary" class="modal-footer-btn"
                 (click)="addCveInfo()">确&nbsp;&nbsp;&nbsp;&nbsp;定</button>
               <button nz-button nzType="primary" class="modal-footer-btn" nzGhost="true"
                 (click)="destroyModal()">取&nbsp;&nbsp;&nbsp;&nbsp;消</button>
             </nz-form-control>
           </nz-form-item>
         </form>
       </div>
     </nz-tab>
     <nz-tab nzTitle="cvssV3">
       <div nz-row nzGutter="24">
         <div nz-col class="gutter-row" nzSpan="24">
           <div class="echarts-box">
             <div echarts [options]="optionV3" class="line-chart"></div>
           </div>
         </div>
       </div>
       <form nz-form [formGroup]="cveForm" class="form-position-margin">
         <div nz-row>
           <div nz-col nzSpan="12">
             <nz-form-item>
               <nz-form-label nzFor="">访问类型</nz-form-label>
               <nz-form-control>
                 <nz-radio-group [nzButtonStyle]="'solid'" [(ngModel)]="attackVectorV3" formControlName="attackVectorV3"
                   (ngModelChange)="cvssV3Watcher($event)">
                   <label nz-radio-button nzValue="Local" class="radio-button-warpper-four">Local</label>
                   <label nz-radio-button nzValue="Adjacent" class="radio-button-warpper-four">Adjacent</label>
                   <label nz-radio-button nzValue="Network" class="radio-button-warpper-four">Network</label>
                   <label nz-radio-button nzValue="Physical" class="radio-button-warpper-four">Physical</label>
                 </nz-radio-group>
               </nz-form-control>
             </nz-form-item>
           </div>

           <div nz-col nzSpan="12">
             <nz-form-item>
               <nz-form-label nzFor="" >范围</nz-form-label>
               <nz-form-control >
                 <nz-radio-group [nzButtonStyle]="'solid'" [(ngModel)]="scopeV3" formControlName="scopeV3"
                   (ngModelChange)="cvssV3Watcher($event)">
                   <label nz-radio-button nzValue="Unchanged" class="radio-button-warpper-two">Unchanged</label>
                   <label nz-radio-button nzValue="Changed" class="radio-button-warpper-two">Changed</label>
                 </nz-radio-group>
               </nz-form-control>
             </nz-form-item>
           </div>
         </div>

         <div nz-row>
           <div nz-col nzSpan="12">
             <nz-form-item>
               <nz-form-label nzFor="">访问复杂性</nz-form-label>
               <nz-form-control>
                 <nz-radio-group [nzButtonStyle]="'solid'" [(ngModel)]="attackComplexityV3"
                   (ngModelChange)="cvssV3Watcher($event)" formControlName="attackComplexityV3">
                   <label nz-radio-button nzValue="High" class="radio-button-warpper-two">High</label>
                   <label nz-radio-button nzValue="Low" class="radio-button-warpper-two">Low</label>
                 </nz-radio-group>
               </nz-form-control>
             </nz-form-item>

           </div>
           <div nz-col nzSpan="12">
             <nz-form-item>
               <nz-form-label nzFor="">权限要求</nz-form-label>
               <nz-form-control>
                 <nz-radio-group [nzButtonStyle]="'solid'" [(ngModel)]="privilegesRequiredV3"
                   (ngModelChange)="cvssV3Watcher($event)" formControlName="privilegesRequiredV3">
                   <label nz-radio-button nzValue="None" class="radio-button-warpper-three">None</label>
                   <label nz-radio-button nzValue="Low" class="radio-button-warpper-three">Low</label>
                   <label nz-radio-button nzValue="High" class="radio-button-warpper-three">High</label>
                 </nz-radio-group>
               </nz-form-control>
             </nz-form-item>
           </div>
         </div>

         <div nz-row>
           <div nz-col nzSpan="12">
             <nz-form-item>
               <nz-form-label nzFor="">保密性影响</nz-form-label>
               <nz-form-control>
                 <nz-radio-group [nzButtonStyle]="'solid'" [(ngModel)]="confidentialityImpactV3"
                   formControlName="confidentialityImpactV3" (ngModelChange)="cvssV3Watcher($event)">
                   <label nz-radio-button nzValue="None" class="radio-button-warpper-three">None</label>
                   <label nz-radio-button nzValue="Low" class="radio-button-warpper-three">Low</label>
                   <label nz-radio-button nzValue="High" class="radio-button-warpper-three">High</label>
                 </nz-radio-group>
               </nz-form-control>
             </nz-form-item>
           </div>
           <div nz-col nzSpan="12">
             <nz-form-item>
               <nz-form-label nzFor="">完整性影响</nz-form-label>
               <nz-form-control>
                 <nz-radio-group [nzButtonStyle]="'solid'" [(ngModel)]="integrityImpactV3"
                   formControlName="integrityImpactV3" (ngModelChange)="cvssV3Watcher($event)">
                   <label nz-radio-button nzValue="None" class="radio-button-warpper-three">None</label>
                   <label nz-radio-button nzValue="Low" class="radio-button-warpper-three">Low</label>
                   <label nz-radio-button nzValue="High" class="radio-button-warpper-three">High</label>
                 </nz-radio-group>
               </nz-form-control>
             </nz-form-item>
           </div>
         </div>

         <div nz-row>
           <div nz-col nzSpan="12">
             <nz-form-item>
               <nz-form-label nzFor="">用户交互</nz-form-label>
               <nz-form-control >
                 <nz-radio-group [nzButtonStyle]="'solid'" [(ngModel)]="userInteractionV3"
                   (ngModelChange)="cvssV3Watcher($event)" formControlName="userInteractionV3">
                   <label nz-radio-button nzValue="None" class="radio-button-warpper-two">None</label>
                   <label nz-radio-button nzValue="Required" class="radio-button-warpper-two">Required</label>
                 </nz-radio-group>
               </nz-form-control>
             </nz-form-item>

           </div>
           <div nz-col nzSpan="12">
             <nz-form-item>
               <nz-form-label nzFor="">可用性影响</nz-form-label>
               <nz-form-control>
                 <nz-radio-group [nzButtonStyle]="'solid'" [(ngModel)]="availabilityImpactV3"
                   formControlName="availabilityImpactV3" (ngModelChange)="cvssV3Watcher($event)">
                   <label nz-radio-button nzValue="None" class="radio-button-warpper-three">None</label>
                   <label nz-radio-button nzValue="Low" class="radio-button-warpper-three">Low</label>
                   <label nz-radio-button nzValue="High" class="radio-button-warpper-three">High</label>
                 </nz-radio-group>
               </nz-form-control>
             </nz-form-item>
           </div>
         </div>

         <nz-form-item>
           <nz-form-control class="modal-footer">
             <button nz-button nzType="primary" class="modal-footer-btn"
               (click)="addCveInfo()">确&nbsp;&nbsp;&nbsp;&nbsp;定</button>
             <button nz-button nzType="primary" class="modal-footer-btn" nzGhost="true"
               (click)="destroyModal()">取&nbsp;&nbsp;&nbsp;&nbsp;消</button>
           </nz-form-control>
         </nz-form-item>
       </form>
     </nz-tab>
   </nz-tabset>
 </div>
